<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta content="modeName=640-12" name="grid" /> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> <title>蜘蛛出行</title> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/Round trip ticket.css"> <script src="js/flexible.js"></script> <script src="js/makegrid.js"></script> <script src="js/jquery-2.2.4.min.js"></script> </head> <body> <div class="tic_content"> <section class="top_banner"> <img class="tb" src="images/topbanner.jpg" alt=""> <div class="tbname">往返上海迪士尼车票</div> </section> <section class="productreserve"> <div class="prheader"> <div class="prhname">产品预订</div> <a href="note.html"><div class="prhprocess" id="prhprocess">预订流程</div></a> </div> <a class="productone" href="payinfo.html?id=123"> <div class="productoneleft"> <div class="prhnamea" >单日往返车票</div> <div class="plx" id="pd1"> <span class="prhnameb">产品说明</span> <img src="images/smicon.png" alt=""> </div> </div> <div class="productoneright"> <span>¥</span> <span>50</span> <span>预订</span> </div> </a> <a class="productone" href="payinfo.html?id=124"> <div class="productoneleft"> <div class="prhnamea" >两日往返车票</div> <div class="plx" id="pd2"> <span class="prhnameb">产品说明</span> <img src="images/smicon.png" alt=""> </div> </div> <div class="productoneright"> <span>¥</span> <span>80</span> <span>预订</span> </div> </a> </section> <section class="productdetails"> <div class="pdheader"> <div class="pdhname">产品详情</div> </div> <a href="payinfo.html?" class="pddone"> <div>千万用户订房平台!实时空房查询……</div> <img src="images/product1.jpg" alt=""> </a> <a href="payinfo.html?"class="pddone"> <div>千万用户订房平台!实时空房查询……</div> <img src="images/product1.jpg" alt=""> </a> <a href="payinfo.html?"class="pddone"> <div>千万用户订房平台!实时空房查询……</div> <img src="images/product1.jpg" alt=""> </a> <div id ="c" style="display:none"> <a href="payinfo.html?" class="pddone"> <div>千万用户订房平台!实时空房查询……</div> <img src="images/product1.jpg" alt=""> </a> <a href="payinfo.html?" class="pddone"> <div>千万用户订房平台!实时空房查询……</div> <img src="images/product1.jpg" alt=""> </a> <a href="payinfo.html?" class="pddone" style="margin-bottom:10px;"> <div>千万用户订房平台!实时空房查询……</div> <img src="images/product1.jpg" alt=""> </a> </div> <div id="pddbutton"> <span>加载更多</span> <img src="images/iconload.png" alt=""> </div> </section> <section class="rtkfooter"> <div class="rtkfheader grid"> <div class="col-4" > <img src="images/transition.png" alt=""> <div>安全巴士</div> </div> <div class="col-4"> <img src="images/hotel.png" alt=""> <div>舒适酒店</div> </div> <div class="col-4"> <img src="images/spot.png" alt=""> <div>最美景点</div> </div> </div> <div class="footerbanner"> <div class="line"></div> <img src="images/logo.png" alt=""> <div class="line"></div> </div> </section> </div> <div id="detailsone"> <div class="dscontent"> <div id="x">×</div> <div id="detailcontent">产品1详情</div> </div> </div> </body> <script src="js/rtk.js"></script> <script> var c=document.getElementById('c'); var pddbutton=document.getElementById('pddbutton'); pddbutton.onclick=function () { c.style.display="block"; pddbutton.style.display="none"; } </script> </html>